<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="home.css">
    <!-- <link rel="stylesheet" href="C:\Users\admin\OneDrive\Desktop\Electron_projects\time_break\node_modules\bootstrap\dist\css\bootstrap.min.css"> -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
</head>

<body>
    <input type="checkbox" id="check">
    <label for="check">
      <i class="fas fa-bars" id="btn"></i>
      <i class="fas fa-times" id="cancel"></i>
    </label>
    <div class="sidebar">
        <header>Time App</header>
        <ul>
            <li><a href="../Schedule/schedule.html"><i class="fas fa-clock"></i>Schedule</a></li>
            <li><a href="../Resources/Music/music.html"><i class="fas fa-music"></i>Music</a></li>
            <li><a href="../Resources/Idea/idea.html"><i class="fas fa-pen-nib"></i>Ideas</a></li>
            <li><a href="../settings/settings.html"><i class="fas fa-cog"></i>Settings</a></li>
            <li><a href="../Report/report.html"><i class="fas fa-calendar-week"></i>Reports</a></li>
            <li><a href="../About/About.html"><i class="far fa-question-circle"></i>Instructions</a></li>
            <li><a href="home.html"><i class="fas fa-chevron-circle-left"></i>Home</a></li>
        </ul>
    </div>
    <!--  -->
    <section>
        <div class="box">
            <button class="btn btn-success" id="startBtn">Start the Session</button>
            <button class="btn btn-danger" id="endBtn">End the Session</button>
        </div>
    </section>
    <script src="home.js"></script>
</body>

</html>